@use './variables.module.scss';

/*白色透明度*/
$white_color_a_16: #ffffffff;
$white_color_a_15: #fffffff0;
$white_color_a_14: #ffffffe0;
$white_color_a_13: #ffffffd0;
$white_color_a_12: #ffffffc0;
$white_color_a_11: #ffffffb0;
$white_color_a_10: #ffffffa0;
$white_color_a_9: #ffffff90;
$white_color_a_8: #ffffff80;
$white_color_a_7: #ffffff70;
$white_color_a_6: #ffffff60;
$white_color_a_5: #ffffff50;
$white_color_a_4: #ffffff40;
$white_color_a_3: #ffffff30;
$white_color_a_2: #ffffff20;
$white_color_a_1: #ffffff10;
/*黑色透明度*/
$black_color_a_16: #000000ff;
$black_color_a_15: #000000f0;
$black_color_a_14: #000000e0;
$black_color_a_13: #000000d0;
$black_color_a_12: #000000c0;
$black_color_a_11: #000000b0;
$black_color_a_10: #000000a0;
$black_color_a_9: #00000090;
$black_color_a_8: #00000080;
$black_color_a_7: #00000070;
$black_color_a_6: #00000060;
$black_color_a_5: #00000050;
$black_color_a_4: #00000040;
$black_color_a_3: #00000030;
$black_color_a_2: #00000020;
$black_color_a_1: #00000010;

// 文字主色
$divider-color: $black_color_a_1;

/**
 * 常用活跃颜色
 */
$color-blue1: #0091ea;
$color-red1: #e83d43;
$color-green1: #15b76c;
$color-blue2: #4663c7;
$color-orange1: #e95c31;
$color-green2: #0c967c;
$color-pink1: #f11346;
$color-orange2: #ff9e01;
$color-purple1: #6e6ed2;

/**
 * 布局
 */
.v-box {
  display: flex;
  flex-direction: column;
}

.h-box {
  display: flex;
  flex-direction: row;
}

.interval-box-15 {
  width: 15px;
  min-width: 15px;
}

.interval-box-8 {
  width: 8px;
  min-width: 8px;
}

/**
* 若依拓展
*/

/* text color */
.background-navy {
  background: #1ab394;
  color: $white_color_a_16;
}

.background-primary {
  background: inherit;
  color: $white_color_a_16;
}

.background-success {
  background: #1c84c6;
  color: $white_color_a_16;
}

.background-info {
  background: #23c6c8;
  color: $white_color_a_16;
}

.background-warning {
  background: #f8ac59;
  color: $white_color_a_16;
}

.background-danger {
  background: #ed5565;
  color: $white_color_a_16;
}

.background-muted {
  background: #888888;
  color: $white_color_a_16;
}
